li{list-style: none;}
i{font-style: normal;}
*:focus {outline: none;}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,button,p,blockquote,th,td,address span a{border:0;margin:0;padding:0;outline: none;}
ul li{list-style:none;margin:0;padding:0;}
a{text-decoration:none;color:#333;}
a:hover{color:#333;text-decoration:none;}
a:visited,a:active{text-decoration:none;}
img{border:0;}
em{font-style: normal;}
.c{overflow:hidden;height:0;font-size:0;clear:both;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.none{display: none;}
.both{width:auto; height:auto;}
b{font-weight: normal;}


.content-box{
    width: 1200px;
    position: relative;
    padding: 40px 40px 100px;
}
.browser-box{
    float: left;
    width: 400px;
    margin-right: 30px;
}
.browser-box .browser-box-hd{
    position: relative;
}
.browser-box .hd{
    display: block;
    width: 100%;
}
.browser-box .browser-box-hd .name{
    position: absolute;
    width: 100%;
    bottom: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}
.browser-box .seed-info{
    width: 398px;
    height: 508px;
    padding-bottom: 30px;
    border: 1px solid #ddd;
    overflow: auto;
}
.browser-box .seed-info .seed-message{
    margin-top: 30px;
    padding: 0 25px 0 20px;
}
.browser-box .seed-info .seed-message img{
    float: left;
}
.browser-box .seed-info .seed-message .message{
    position: relative;
    margin-left: 80px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 17px 15px;
    border-radius: 6px;
    line-height: 24px;
}
.browser-box .seed-info .seed-message .message .left-arrow{
    position: absolute;
    left: -7px;
    top: 25px;
}
.browser-box .seed-info .seed-message .message a{
    color: #007aff;
}
.browser-box .bottom-nav{
    width: 398px;
    height: 58px;
    cursor: pointer;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.browser-box .bottom-nav .left{
    float: left;
    height: 58px;
    width: 58px;
    border-right: 1px solid #ddd;
}
.browser-box .bottom-nav .left img{
    margin-top: 13px;
    margin-left: 12px;
}
.browser-box .bottom-nav .right{
    float: left;
    width: 338px;
    height: 58px;
}
.browser-box .bottom-nav .right li{
    position: relative;
    float: left;
    height: 58px;
    border-left: 1px solid #ddd;
    margin-left: -1px;
}
.browser-box .bottom-nav .right li i{
    display: block;
    height: 58px;
    line-height: 58px;
    text-align: center;
    font-size: 18px;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}
.browser-box .bottom-nav .right li .child-p{
    position: absolute;
    bottom: 60px;
    left: 5%;
    width: 90%;
    border: 1px solid #ddd;
    background: #fff;
}
.browser-box .bottom-nav .right li .child-p p{
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-top: 1px solid #ddd;
    margin-top: -1px;
    font-size: 14px;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}
.browser-box .save-btn{
    width: 120px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border-radius: 10px;
}


.custom-box{
    float: left;
    width: 640px;
}
.custom-box .nodata{
    text-align: center;
    padding-top: 260px;
    font-size: 18px;
}
.custom-box .nodata .nodata-btn{
    display: block;
    width: 130px;
    height: 50px;
    line-height: 50px;
    margin: 10px auto;
    text-align: center;
    color: #fff;
    background: #23b7e5;
    border-radius: 10px;
    cursor: pointer;
}
.custom-box .custom-info{
    position: relative;
    padding: 25px 40px 30px 20px;
    background: #f0eff5;
    margin-bottom: 20px;
}
.custom-box .custom-info .info-one .left{
    float: left;
    width: 75px;
    font-size: 16px;
    margin-top: 9px;
}
.custom-box .custom-info .info-one .right{
    float: left;
    width: 240px;
}
.custom-box .custom-info .info-one .right input{
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    border: 1px solid #ddd;
    padding-left: 10px;
}
.custom-box .custom-info .info-one .tips{
    font-size: 12px;
    color: #999;
    float: left;
    margin-top: 12px;
    margin-left: 20px;
}
.custom-box .info-two{
    margin-top: 30px;
}
.custom-box .info-two .left{
    float: left;
    width: 75px;
    font-size: 16px;
}
.custom-box .info-two .box{
    margin-left: 75px;
    border: 1px solid #ddd;
    background: #fff;
}
.custom-box .info-two .nav-list{
    float: left;
}
.custom-box .info-two .nav-list li{
    width: 139px;
    height: 45px;
    border-top: 1px solid #ddd;
    margin-top: -1px;
    border-right: 1px solid #ddd;
    background: #f5f5f5;
    cursor: pointer;
}
.custom-box .info-two .nav-list .at{
    background: #fff;
    border-right: none;
}
.custom-box .info-two .nav-list li label{
    display: block;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
}
.custom-box .info-two .nav-list li input{
    vertical-align: -2px;
    margin-left: 15px;
    margin-right: 5px;
}
.custom-box .info-two .cont{
    margin-left: 160px;
}
.custom-box .info-two .cont textarea{
    width: 100%;
    height: 200px;
    border: none;
    resize:none;
    text-align: left;
    font-size: 14px;
    padding-top: 14px;

    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.custom-box .choice-btn{
    margin-top: 10px;
    cursor: pointer;
}
.custom-box .show-type{
    display: block;
    margin-top: 10px;
    color: #999;
    font-family: simsun;
}
.custom-box .info-two .cont2,
.custom-box .info-two .cont3,
.custom-box .info-two .cont4,
.custom-box .info-two .cont5,
.custom-box .info-two .cont6{
    padding-top: 57px;
    font-size: 14px;
    line-height: 28px;
}
.custom-box .info-two .cont2 i,
.custom-box .info-two .cont3 i,
.custom-box .info-two .cont4 i,
.custom-box .info-two .cont5 i,
.custom-box .info-two .cont6 i{
    color: #999;
}
.custom-box .info-two .cont2 a,
.custom-box .info-two .cont3 a,
.custom-box .info-two .cont4 a,
.custom-box .info-two .cont5 a,
.custom-box .info-two .cont6 a{
    color: #007aff;
}
.custom-box .info-two .cont2 a:hover,
.custom-box .info-two .cont3 a:hover,
.custom-box .info-two .cont4 a:hover,
.custom-box .info-two .cont5 a:hover,
.custom-box .info-two .cont6 a:hover{
    text-decoration: underline;
    color: #007aff;
}
.custom-box .info-two .cont7-list{
    padding-top: 20px;
}
.custom-box .info-two .cont7-list li{
    width: 105px;
    height: 30px;
}
.custom-box .info-two .cont7-list li label{
    position: relative;
    display: block;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
}
.custom-box .info-two .cont7-list li input{
    display: inline-block;;
    vertical-align: -2px;
    margin-left: 10px;
    margin-right: 5px;
}
.custom-box .info-two .cont7-list li .link{
    position: absolute;
    top: 4px;
    left: 88px;
    width: 140px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #ddd;
}
.custom-box .addChild{
    margin-top: 30px;
    font-size: 16px;
    color: #23b7e5;
    cursor: pointer;
}
.custom-box .addChild img{
    vertical-align: 1px;
    margin-right: 5px;
}
.custom-box .nav-close{
    position: absolute;
    right: -10px;
    top: -10px;
    cursor: pointer;
}
.custom-box .addNav{
    margin-top: 25px;
    font-size: 18px;
    color: #23b7e5;
    cursor: pointer;
}
.custom-box .addNav img{
    vertical-align: -5px;
    margin-right: 5px;
}
.custom-box .reply-type{
    padding-top: 5px;
    margin-bottom: 30px;
}
.custom-box .reply-type label{
    float: left;
    cursor: pointer;
    font-size: 14px;
}
.custom-box .reply-type label:first-child{
    margin-left: 10px;
    margin-right: 60px;
}
.custom-box .reply-type label input{
    margin: 0;
    vertical-align: -1px;
    margin-right: 5px;
}



.custom-box .childNav-box{
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #ddd;
}
.custom-box .childNav-box .child-list .childNav{
    position: relative;
    padding: 20px;
    margin: 20px;
    background: #fff;
    border: 1px solid #23b7e5;
}
.custom-box .childNav-box .child-list .childNav .childNav-close{
    position: absolute;
    right: -8px;
    top: -8px;
    cursor: pointer;
}

.sub-btn{
    position: absolute;
    width: 435px;
    height: 60px;
    left: 0;
    top: 754px;
}
.sub-btn .submit{
    display: block;
    width: 165px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #23b7e5;
    margin: 0 auto;
    border-radius: 6px;
}

.err-tips{
    display: none;
    position: absolute;
    left: 50%;
    top: 40%;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 6px;
    background: rgba(0,0,0,.6);
    opacity: 0;
}